<template>
	<z-nav-bar title="积分规则"></z-nav-bar>
	<view v-for="(item, index) in dataList" :key="index" :class="{'uni-mt-40': index}">
		<view class="text-w">{{ item.title }}</view>
		<view class="uni-585C66 uni-mt-8" style="line-height: 40rpx;">{{ item.desc }}</view>
	</view>
	<view class="uni-mt-40">* 积分规则最终解释权归降杆APP所有</view>
</template>

<script setup>
	import { onShow } from '@dcloudio/uni-app'
	import { ref, reactive, getCurrentInstance } from 'vue';
	const { proxy: that } = getCurrentInstance()
	
	const dataList = [{
		title: '一、积分回馈',
		desc: '积分回馈是降杆APP答谢用积分回馈是降杆APP答谢用户长期以来的支持与厚爱而特别推出的一项用户服务。用户在使用降杆App进行各项行为时可获得相应的积分奖励，可用于兑换积分商城中的丰富奖品，获得超值回报!'
	}, {
		title: '二、积分开通',
		desc: '只要注册成为降杆App用户即可参与积分回馈'
	}, {
		title: '三、积分获取',
		desc: '用户也可通过日常任务，分享行为等完成指定任务，完成后即可获得相应积分奖励'
	}, {
		title: '四、积分消耗',
		desc: '用户可进入积分商城，选择想要奖品进行兑换，兑换成功即会消耗相应的积分值'
	}, {
		title: '六、敬请注意',
		desc: '积分会随着降杆的发展和用户反馈，需求变化做不定期调整和优化，敬请关注'
	}]
	
</script>

<style lang="scss">
	page {
		padding: 20rpx 40rpx;
	}
</style>
